<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{html_options}</title>
<meta name="generator" content="DocBook XSL Stylesheets V1.75.1">
<link rel="home" href="index.html" title="Smarty マニュアル">
<link rel="up" href="language.custom.functions.html" title="Chapter 8. カスタム関数">
<link rel="prev" href="language.function.html.image.html" title="{html_image}">
<link rel="next" href="language.function.html.radios.html" title="{html_radios}">
</head>
<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
<div class="navheader">
<table width="100%" summary="Navigation header">
<tr><th colspan="3" align="center">{html_options}</th></tr>
<tr>
<td width="20%" align="left">
<a accesskey="p" href="language.function.html.image.html">Prev</a> </td>
<th width="60%" align="center">Chapter 8. カスタム関数</th>
<td width="20%" align="right"> <a accesskey="n" href="language.function.html.radios.html">Next</a>
</td>
</tr>
</table>
<hr>
</div>
<div class="sect1" title="{html_options}">
<div class="titlepage"><div><div><h2 class="title" style="clear: both">
<a name="language.function.html.options"></a>{html_options}</h2></div></div></div>
<p>
   <code class="varname">{html_options}</code> は、HTML の
   <code class="literal">&lt;select&gt;&lt;option&gt;</code> グループにデータを代入して作成する
   <a class="link" href="language.custom.functions.html" title="Chapter 8. カスタム関数">カスタム関数</a> です。
   デフォルトで選択されるアイテムも決定できます。
   </p>
<div class="informaltable"><table border="1">
<colgroup>
<col align="center">
<col align="center">
<col align="center">
<col align="center">
<col>
</colgroup>
<thead><tr>
<th align="center">属性名</th>
<th align="center">型</th>
<th align="center">必須</th>
<th align="center">デフォルト</th>
<th>概要</th>
</tr></thead>
<tbody>
<tr>
<td align="center">values</td>
<td align="center">array</td>
<td align="center">Yes (options属性を用いない場合)</td>
<td align="center"><span class="emphasis"><em>n/a</em></span></td>
<td>ドロップダウンリストのvalue属性の配列</td>
</tr>
<tr>
<td align="center">output</td>
<td align="center">array</td>
<td align="center">Yes (options属性を用いない場合)</td>
<td align="center"><span class="emphasis"><em>n/a</em></span></td>
<td>ドロップダウンリストの出力内容の配列</td>
</tr>
<tr>
<td align="center">selected</td>
<td align="center">string/array</td>
<td align="center">No</td>
<td align="center"><span class="emphasis"><em>empty</em></span></td>
<td>あらかじめ選択されているオプション要素</td>
</tr>
<tr>
<td align="center">options</td>
<td align="center">associative array</td>
<td align="center">Yes (valuesとoutput属性を用いない場合)</td>
<td align="center"><span class="emphasis"><em>n/a</em></span></td>
<td>キーがvalues属性、要素がoutput属性の連想配列</td>
</tr>
<tr>
<td align="center">name</td>
<td align="center">string</td>
<td align="center">No</td>
<td align="center"><span class="emphasis"><em>empty</em></span></td>
<td>selectグループの名前</td>
</tr>
</tbody>
</table></div>
<div class="itemizedlist"><ul class="itemizedlist" type="disc">
<li class="listitem"><p>
   <em class="parameter"><code>options</code></em> を使用しない場合は、
   <em class="parameter"><code>values</code></em> および <em class="parameter"><code>output</code></em>
   が必須となります。
 </p></li>
<li class="listitem"><p>
  任意である <em class="parameter"><code>name</code></em> 属性が与えられると、
  <code class="literal">&lt;select&gt;&lt;/select&gt;</code> タグが作成されます。
  それ以外の場合は <code class="literal">&lt;option&gt;</code> のリストのみを作成します。
 </p></li>
<li class="listitem"><p>
  配列が渡された場合は HTML の <code class="literal">&lt;optgroup&gt;</code>
  として扱われ、グループが表示されます。
  <code class="literal">&lt;optgroup&gt;</code> での再帰呼出もサポートしています。
 </p></li>
<li class="listitem"><p>
  前述の属性リストに無いパラメータが与えられた場合は、
  作成された各 <code class="literal">&lt;select&gt;</code> タグの内側に
  名前/値 のペアで表されます。任意の <em class="parameter"><code>name</code></em>
  属性が与えられない場合には、これらは無視されます。
 </p></li>
<li class="listitem"><p>
	すべての出力は XHTML に準拠しています。
	</p></li>
</ul></div>
<div class="example">
<a name="id2795875"></a><p class="title"><b>Example 8.12. <code class="varname">options</code> 属性での連想配列</b></p>
<div class="example-contents">
<pre class="programlisting">

&lt;?php
$smarty-&gt;assign('myOptions', array(
                                1800 =&gt; 'Joe Schmoe',
                                9904 =&gt; 'Jack Smith',
                                2003 =&gt; 'Charlie Brown')
                                );
$smarty-&gt;assign('mySelect', 9904);
?&gt;

  </pre>
<p>
  以下のテンプレートはドロップダウンリストを作成します。
  <em class="parameter"><code>name</code></em> 属性が存在することで
  <code class="literal">&lt;select&gt;</code> タグが作成されることに注意しましょう。
  </p>
<pre class="programlisting">

{html_options name=foo options=$myOptions selected=$mySelect}

  </pre>
<p>
   上の例の出力
  </p>
<pre class="screen">

&lt;select name="foo"&gt;
&lt;option label="Joe Schmoe" value="1800"&gt;Joe Schmoe&lt;/option&gt;
&lt;option label="Jack Smith" value="9904" selected="selected"&gt;Jack Smith&lt;/option&gt;
&lt;option label="Charlie Brown" value="2003"&gt;Charlie Brown&lt;/option&gt;
&lt;/select&gt;

</pre>
</div>
</div>
<br class="example-break"><div class="example">
<a name="id2795940"></a><p class="title"><b>Example 8.13. <code class="varname">values</code> と
<code class="varname">ouptut</code> を個別の配列で指定したドロップダウン</b></p>
<div class="example-contents">
<pre class="programlisting">

&lt;?php
$smarty-&gt;assign('cust_ids', array(56,92,13));
$smarty-&gt;assign('cust_names', array(
                              'Joe Schmoe',
                              'Jane Johnson',
                              'Charlie Brown'));
$smarty-&gt;assign('customer_id', 92);
?&gt;

  </pre>
<p>
  上の配列を次のテンプレートで出力します
  (PHP の <a class="ulink" href="http://php.net/function.count" target="_top">
  <code class="varname">count()</code></a> 関数を修飾子として使用することで、
  select の大きさを設定していることに注意しましょう)。
  </p>
<pre class="programlisting">

&lt;select name="customer_id" size="{$cust_names|@count}"&gt;
   {html_options values=$cust_ids output=$cust_names selected=$customer_id}
&lt;/select&gt;

  </pre>
<p>
   上の例の出力
  </p>
<pre class="screen">

&lt;select name="customer_id" size="3"&gt;
    &lt;option label="Joe Schmoe" value="56"&gt;Joe Schmoe&lt;/option&gt;
    &lt;option label="Jack Smith" value="92" selected="selected"&gt;Jane Johnson&lt;/option&gt;
    &lt;option label="Charlie Brown" value="13"&gt;Charlie Brown&lt;/option&gt;
&lt;/select&gt;


  </pre>
</div>
</div>
<br class="example-break"><div class="example">
<a name="id2796018"></a><p class="title"><b>Example 8.14. データベース (ADODB あるいは PEAR) の例</b></p>
<div class="example-contents">
<pre class="programlisting">

&lt;?php

$sql = 'select type_id, types from contact_types order by type';
$smarty-&gt;assign('contact_types',$db-&gt;getAssoc($sql));

$sql = 'select contact_id, name, email, contact_type_id
        from contacts where contact_id='.$contact_id;
$smarty-&gt;assign('contact',$db-&gt;getRow($sql));

?&gt;

</pre>
<p>
テンプレートは次のようになります。
<a class="link" href="language.modifier.truncate.html" title="truncate"><code class="varname">truncate</code></a>
修飾子の使用法に注意しましょう。
</p>
<pre class="programlisting">

&lt;select name="type_id"&gt;
    &lt;option value='null'&gt;-- none --&lt;/option&gt;
    {html_options options=$contact_types|truncate:20 selected=$contact.type_id}
&lt;/select&gt;

  </pre>
</div>
</div>
<br class="example-break"><div class="example">
<a name="id2796073"></a><p class="title"><b>Example 8.15. &lt;optgroup&gt; を使用したドロップダウン</b></p>
<div class="example-contents">
<pre class="programlisting">

&lt;?php
$arr['Sport'] = array(6 =&gt; 'Golf', 9 =&gt; 'Cricket',7 =&gt; 'Swim');
$arr['Rest']  = array(3 =&gt; 'Sauna',1 =&gt; 'Massage');
$smarty-&gt;assign('lookups', $arr);
$smarty-&gt;assign('fav', 7);
?&gt;

  </pre>
<p>テンプレート
  </p>
<pre class="programlisting">

{html_options name=foo options=$lookups selected=$fav}

  </pre>
<p>
   出力
  </p>
<pre class="screen">

&lt;select name="foo"&gt;
&lt;optgroup label="Sport"&gt;
&lt;option label="Golf" value="6"&gt;Golf&lt;/option&gt;
&lt;option label="Cricket" value="9"&gt;Cricket&lt;/option&gt;
&lt;option label="Swim" value="7" selected="selected"&gt;Swim&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Rest"&gt;
&lt;option label="Sauna" value="3"&gt;Sauna&lt;/option&gt;
&lt;option label="Massage" value="1"&gt;Massage&lt;/option&gt;
&lt;/optgroup&gt;
&lt;/select&gt;

</pre>
</div>
</div>
<br class="example-break"><p>
    <a class="link" href="language.function.html.checkboxes.html" title="{html_checkboxes}"><code class="varname">{html_checkboxes}</code></a>
    および
    <a class="link" href="language.function.html.radios.html" title="{html_radios}"><code class="varname">{html_radios}</code></a>
    も参照してください。
 </p>
</div>
<div class="navfooter">
<hr>
<table width="100%" summary="Navigation footer">
<tr>
<td width="40%" align="left">
<a accesskey="p" href="language.function.html.image.html">Prev</a> </td>
<td width="20%" align="center"><a accesskey="u" href="language.custom.functions.html">Up</a></td>
<td width="40%" align="right"> <a accesskey="n" href="language.function.html.radios.html">Next</a>
</td>
</tr>
<tr>
<td width="40%" align="left" valign="top">{html_image} </td>
<td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td>
<td width="40%" align="right" valign="top"> {html_radios}</td>
</tr>
</table>
</div>
</body>
</html>
